<template>
    <div>
        <ul>
            <StoresItem v-for="item of stores"
                        :key="item.id"
                        :store="item"
                        @click="order(item.id)"
            />
            <li class="dingShangQu"></li>
        </ul>
    </div>
</template>

<script>
    import StoresItem from "./StoresItem.vue";
    import {computed} from "vue"
    export default {
        name: "StoresComFls",
        components:{StoresItem},
        data(){
            return{
                stores:computed(()=>this.$store.state.stores)
            }
        },
        methods:{
            order(query){
                this.$router.push(`/merchant-view?query=${query}`)
            }
        }
    }
</script>

<style scoped>
    div{
        width: 96vw;
        margin:0 auto;
    }
    ul{
        list-style: none;
    }
    .dingShangQu{
        height: 50px;

    }

</style>